<%-- 
    Document   : home
    Created on : 19/09/2013, 21:08:07
    Author     : Bruno
--%>
<%@page import="br.com.redesocial.view.View"%>
<%    
    if(!session.getAttribute("Logado").equals("1")){
        response.sendRedirect("index.jsp");
    }
    
    String NM_Apelido = (String) session.getAttribute("NM_Apelido");
    String NM_Avatar = (session.getAttribute("NM_Avatar")==null)?"images/sem_perfil.jpeg":(String) session.getAttribute("NM_Avatar");
%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="resetcss.css" rel="stylesheet"    type="text/css" />
        <link href="style_1.css" rel="stylesheet"    type="text/css" />
        <script type='text/javascript' src='jquery.js'></script>
        <title>Lonely People - Encontre sua cara metade.</title>
    </head>
    <body>      
        <div id="boxGeral">
        <header>
            
            <div id="logo">
                <a href="/LonelyPeople"><img  png="png" id="logo_index" src="images/logo_home.png" alt="Lonely People - Aproximando so Solteiros" /></a>
            </div> <br />
                       
            <div id="boxLogin">                
                <div id="info_user">
                    <img src="<%= NM_Avatar%>" width="60" height="60" border="0" />
                    <ul>
                        <li>Olá, <b><%= NM_Apelido%></b></li>
                        <li><a href="perfil.jsp">Meu perfil</a></li>
                        <li><a href="LonelyPeople?q=logout">Sair</a></li>
                    </ul>                    
                </div>
            </div>
        </header>
                        <div id="busca_amigos">
                            <h2>Pesquisa de amigos</h2>                            
                            <div id="form_busca_amigo">
                                <input type="text" name="amigo" id="amigo" placeholder="Nome do novo amigo" value="<%= request.getParameter("amigo") %>" />
                                <input type="button" value="Pesquisar" id="pesquisa_amigo" />
                            </div>
                                <p>Itens referente a <strong id="pesquisou_amigo">"<%= request.getParameter("amigo") %>"</strong>:</p>
                            <hr />
                            <center>
                                <div class="carregando" id="carregando_amigo">
                                    <img src="images/carregando.gif" /><br>
                                    <span>Carregando...</span>
                                </div>
                            </center>                            
                            <ul id="lista_amigos"></ul>
                        </div>
                        
        </div>
                
                
        <footer>
            <div class="container">
                Todos os direitos reservados.
            </div>           
        </footer>
                        <script type="text/javascript">
                            function SolicitarAmizade(amigo){                                
                                $.post("/LonelyPeople/LonelyPeople?q=solicitar_amizade&id_amigo="+amigo.id, function(retorno){
                                    $(amigo).val("Solicitação enviada");                                    
                                });
                            }
                            
                            $(document).ready(function(){
                                $.post("/LonelyPeople/LonelyPeople?q=busca_amigo&amigo=<%= request.getParameter("amigo") %>", function(retorno){
                                    $("#carregando_amigo").hide();
                                    $("#lista_amigos").fadeOut("slow", function(){
                                        $("#lista_amigos").html(retorno);
                                        $("#lista_amigos").fadeIn("slow");
                                    });
                                });
                                
                                $("#pesquisa_amigo").click(function(){
                                    $("#pesquisou_amigo").html('"'+$("#amigo").val()+'"');
                                    $("#lista_amigos").fadeOut("slow", function(){
                                        $("#carregando_amigo").fadeIn("slow", function(){
                                            $.post("/LonelyPeople/LonelyPeople?q=busca_amigo&amigo="+$("#amigo").val(), function(retorno){
                                                $("#carregando_amigo").hide();
                                                $("#lista_amigos").fadeOut("slow", function(){
                                                    $("#lista_amigos").html(retorno);
                                                    $("#lista_amigos").fadeIn("slow");
                                                });
                                            });
                                        });
                                    });                                  
                                });
                            });
                        </script>
    </body>
</html>